<template>
	<div style="background-color: white;">
		
		
		<section style="border-top: 2px solid #ecebeb;padding: 1.1rem 1rem 0.6rem 1rem;display: flex;flex-direction: row;"  >
			<section style="display: flex;justify-content: center;align-items: left;flex: 7;flex-direction: column;" @click="sendParams">
				<span style="color: #353535;text-align: left;font-size:1rem;margin-bottom: 0.3rem;">工厂名称：{{factoryName}}</span>
				<section style="display: flex;flex-direction: column;">

				<section class="card-strip" >
					<!--<a class="circle" style="background-color: #c457f1;"></a>-->
					<span>联系人：{{contacts}}</span>
				</section>
				<section class="card-strip" >
					<!--<a class="circle" style="background-color: #34a9e2;"></a>-->
					<span>联系方式：{{contactInfo}}</span>
				</section>
				<section class="card-strip" >
					<!--<a class="circle" style="background-color: #f7945b;"></a>-->
					<span>地址：{{address}}</span>
				</section>
				
				</section>
			</section>
			
			
			<section style="flex: 2;">
				<!--<span style="flex: 1.5;color: #f0b12a;font-size:1rem">已完成</span>-->
				
			</section>
			<section style="flex: 2;display: flex;" >
				<!--<section style="display: block;width: 2rem;height: 2rem;background-color: rgba(0,0,0,0.4);display: flex;align-items: center;justify-content: center;border-radius: 50%;">-->
<!--					<mu-icon :size="22"   value="keyboard_arrow_right"  style="flex: 0.4;color: white;" />-->
						
				<!--</section>-->
				<section @click="deleteFactory" class="Unbundling" >
					  解绑
				</section>
			</section>
		</section>
		
		
		
		
	</div>
</template>

<script>
	 export default {
	data() {
      return {
      	carId:"鲁AX568Q",
      	remark:"2785 15966702746",
      	materiel:"石灰石",
      	ladingCode:"123456",
      	number:"10件"
      	
      	}
     },
    props: {
      id: {
        type: String,
        default: ""
      },
      factoryName: {
        type: String,
        default: ""
      },
      address: {
        type: String,
        default: ""
      },
      contacts: {
        type: String,
        default: ""
      },
      contactInfo: {
        type: String,
        default: ""
      },
      router: {
        type: String,
        default: ""
      },
	},
	mounted(){
		
	},
	 methods:{
	 	sendParams(){
	 		let that=this
	 		that.$router.push(
	 		{path:'orderForm',
	 		name:that.router,
	 		//name:'demo2',
			 params: { 
                factoryId:that.id,
                factoryName:that.factoryName
            }})
	 	},
//	 	deleteFactory(){
//	 	  let that=this
//	 	  this.$confirm('此操作将解除微信公众号与工厂账号的绑定, 是否解绑?', '提示', {
//        confirmButtonText: '确定',
//        cancelButtonText: '取消',
//        center:true,
//        type: 'warning'
//      }).then(() => {
//			that.axios.post('/factoryUser/deleteFactoryUser',{
//				'factoryId':that.id
//			}).then(function(response){
//		 		console.info(response.data)
//		 		window.location.reload()
//		 	}).catch(function(error){
//		 		console.info(error)
//		 	})
//      }).catch(() => {        
//     })
//	 	},
	 	deleteFactory(){
	 		console.info(this.id)
	 		this.$emit('sureDo',this.id)
	 	}
	 }
 }
</script>

<style scoped>
  .card-strip{
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	margin: 0.2rem 0;
  }
  .circle{
	width: 0.5rem;	
	height: 0.5rem;
	border-radius: 50%;
	display: block;
	margin-right: 0.6rem;
  }
  .text {
    font-size: 14px;
  }
  .Unbundling{
  	 width: 100%;
  	 height: 2rem;
  	 border-radius: 3px;
  	 display: flex;
  	 align-items: center;
  	 justify-content: center;
  	 background-color: #f6f6f6;
  	 color:#bbbbbb
  }
  .item {
    margin-bottom: 18px;
  }
  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }
  .box-card {
    width: 480px;
  }
</style>